<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>我的佛堂</title>
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="telephone=no, email=no" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <script type="text/javascript" src="{MODULE_URL}public/fo/js/flexible.js"></script>
    <script type="text/javascript" src="{MODULE_URL}public/fo/js/pageLoading.js"></script>
    <script type="text/javascript" src="{MODULE_URL}public/fo/js/jquery.js"></script>
    <link type="text/css" rel="stylesheet" href="{MODULE_URL}public/fo/css/index.css">
    <link type="text/css" rel="stylesheet" href="{MODULE_URL}public/fo/css/diligence_list.css">
    <link type="text/css" rel="stylesheet" href="{MODULE_URL}public/fo/css/record.css">
    <link type="text/css" rel="stylesheet" href="{MODULE_URL}public/fo/css/tablet.css">
    <link type="text/css" rel="stylesheet" href="{MODULE_URL}public/fo/css/tribute.css">
    <link type="text/css" rel="stylesheet" href="{MODULE_URL}public/fo/css/back.css">


</head>
<body>

<script src="{MODULE_URL}public/fo/js/zepto.min.js"></script>

<!--<div class="pagebox"   >-->
<div class="pagebox" style=" background: url(images/bg.png) no-repeat;  background-size: 100% auto;">
    <div class="music">
        <audio src="http://baifo.b0.upaiyun.com/music/mercy.mp3" autoplay loop></audio>
    </div>
    <div class="circlebottom"></div>

    <div class="joss">
        <img src="{MODULE_URL}public/fo/images/fo.png" alt="佛像">
        <!--<img src="../addons/we7_shangfo/static/Home/images/fo2.png" alt="佛像">-->
    </div>
    <if condition="$info.uptime eq $uptime">
        <div class="groly">
            <div class="circle"></div>
        </div>
        <div class="bottle">
            <img src="{MODULE_URL}public/fo/images/zs.png" alt="中水">
        </div>
        <div class="vase">
            <img src="" alt="空花瓶">
        </div>
        <div class="vase two">
            <img src="" alt="空花瓶">
        </div>
        <div class="compote">
            <img src="" alt="空果盘">
        </div>
        <div class="compote two">
            <img src="" alt="空果盘">
        </div>
        <div class="censer">
            <img src="" alt="空香炉">
        </div>
    </if>
    <div class="bottle">
        <img src="{MODULE_URL}public/fo/images/zs.png" alt="中水">
    </div>
    <ul class="nav">
        <li class="on"><a href=""></a></li>
        <li><a href=""></a></li>
        <li>
            <a href="javascript:;" class="ddbtn"></a>
            <div class="dropdown">
                <div class="link"><a href="">我的记录</a></div>
                <div class="link"><a href="">我的牌位</a></div>
            </div>
        </li>
        <li><a href="javascript:;" class="sbtn"></a></li>
    </ul>
</div>
<div class="indextip" id="indextip">
    <div class="cont">
        随喜赞叹，您今天供佛圆满请做<br>回向，积累功德消业障
    </div>
    <ul class="indextip_btn">
        <li><a href="">确定</a></li>
        <li><a href="javascript:;" class="cancel">取消</a></li>
    </ul>
</div>


<script>
    $(function(){

        $('.music').on('tap', function(){
            if (!$(this).hasClass('off')){
                $(this).addClass('off');
                $('audio').get(0).pause();
            }else {
                $(this).removeClass('off');
                $('audio').get(0).play();
            }
        });

        $('body').bind('touchstart', function(){
            if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {
                if(!$('.music').hasClass('off')){
                    $('audio').get(0).play();
                }else{
                    $('audio').get(0).pause();
                }
            }
        });

        $('a.cancel').on('tap', function(){
            $('#indextip, #indexmask').css('display', 'none');
        });

        setTimeout(function(){
            $('#listTip').css('display', 'block');
        }, 3000);

        $('a.forbtn').on('click', function(){
            $('#listTip').css('display', 'none');
            $('#foreshow').css('display', 'block');
        });

        $('a.close').on('tap', function(){
            $(this).parent().css('display', 'none');
        });
    });
</script>
</body>

<ul class="nav">
    <li class="on">
        <a href=""></a>
    </li>

    <li><a href=""></a></li>

    <li>
        <a href="javascript:;" class="ddbtn"></a>
        <div class="dropdown">
            <div class="link"><a href="">我的记录</a></div>
            <div class="link"><a href="">我的牌位</a></div>
        </div>
    </li>


    <li><a href="javascript:;" class="sbtn"></a></li>
</ul>

<div id="mask"></div>

<script src="{MODULE_URL}public/fo/js/fun.js"></script>


</body>
</html>